@charset "UTF-8";
.com-header{ width:100%; background:url(../img/header_bg.png) repeat-x;  height:130px; position: absolute; top: 0; z-index: 10000;
    .head-main{ @include widthAuto;
        .logo{ width: 118px; float: left;
            img{ width: 118px; height: 118px;}
        }
    }
    .nav{ height: 100px; position: relative; float: left; width: 720px;
        .items{
            li{ width: 120px; float: left; height: 100px; position: relative; line-height: 100px; text-align: center; font-size: 16px;
                a{ color: $white;}
            }
        }
    }
    .login-main{ float: right; width: 200px;color: $white; padding-top: 42px;
        a{ color: $white; padding: 0 5px; font-size: 16px; border-right: 2px $white solid; height: 14px; line-height: 14px; float: left;}
        a:last-child{ border-right: none;}
    }
}
.page-header{ width:100%; background:$white;  height:35px; position: relative; z-index: 10000;
    .head-main{ @include widthAuto; position: relative;
        .logo{ width: 85px; position: absolute;left: 0; top: 0;
            img{ width: 85px; height: 68px;}
        }
    }
    .nav{ height: 62px; position: relative; float: left; width: 600px; margin-left: 90px;
        .items{
            li{ padding: 0 15px; float: left; height: 35px; position: relative; line-height: 35px; text-align: center; font-size: 16px;
                a{ color: $c000;}
            }
        }
    }
    .login-main{ float: right; width: 400px; line-height: 35px; text-align: right; 
        .search-con{ width: 190px; height: 26px; float: left; position: relative; line-height: 26px; padding-top: 5px;
            .searchInput{ line-height: 26px; height: 26px; background: #dcdcdc; padding: 0 10px; width: 170px; }
            input{border: none;}
            .submit-btn{ width: 20px; height: 20px; cursor: pointer; background:#dcdcdc url(../img/search_icon.png) no-repeat; position: absolute; right: 2px; top: 8px; z-index: 10;}
        }
        a{ color: $c000; margin: 0 5px; font-size: 16px;}
    }
    .nav .dropbox.termini{ top: 35px;}
}

.nav .dropbox.termini {z-index: 10000; font-size: 12px; padding: 15px 0; width: 1136px; display: none; position: absolute;top: 60px;min-height: 350px;background:url(../img/navbg.png); left: 0; color: $white; overflow: hidden;
    .continent{width: 200px; float: left; padding-bottom: 1000px; margin-bottom: -1000px;  border-right: 1px #1f1f1f dashed;
        p{font-size: 18px; padding-left: 20px; cursor: pointer; line-height: 40px;}
        p:hover,p.hover{ background: #6f604d;}
    }
    .country-main{ display: none;border-left: 1px #1f1f1f dashed; margin-left: -1px;width: 900px;float: left; padding-left: 20px; 
        .country{ float: left; padding-left: 20px; 
            .itmes{ line-height: 28px; padding-left:120px; width: 280px; margin-right: 10px; float: left;
                dt{ width:110px; float: left; margin-left: -90px; font-size: 16px; text-align: right;
                    a{ color: $white;}
                }
                dd{ float: left; padding:0 10px; margin-top: 6px; border-right: 1px #ddd solid; height: 16px; line-height: 16px;
                    a{ color: $white;}
                    a.hot,a:hover{ color:#ff0;}
                }
                dd:last-child{ border:none;}
            }
        }
    }
    .country-main:first-child{ display: block;}
}

.dropbox.termini .na-items{
     @include widthAuto;
}

.login-section{}
